<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<style>
			body{width: 350px;
			      font-size: 10px;
			   }
			   .please{
				 font-size: 24px;
				 font-weight: bold;
			   }
			   .good{
				   font-size: 24px;
				    font-weight: bold;
			   }
			   .self{
				   padding-left: 100px;
			   }
			   .pic{
				   padding: 20px;
				   padding-left: 50px;
			   }
			   .note{
				   padding-top: 20px;
				   padding-bottom: 15px;
			   }
			   hr{border: 1px dashed;}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<div class="please">请您留言取餐</div>
		<div class="self">自取顾客联</div>
		<div>永和大王（北三环西路店）</div>
		<div>010-12345678</div>
		<div>--结账单--</div>
		<div class="good">账单号：p00010</div>
		<div>账单类型：食堂</div>
		<div>人数：1</div>
		<div>张嘉文</div>
		<div>开单时间：2020-5-18 15:24:25</div>
		<div>结账时间</div>
		
		<hr />
        <!--表格是没有列概念，它叫单元格 -->
		<table border="1">
		<tr>
			<td width="50" align="center">数量</td>
			<td width="200">品项</td>
			<td width="50" align="center">金额</td>
		</tr>	
		<tr>
			<td valign="top" >1</td>
			<td>玉米肉松蛋饼3p<br/>
			1 X--肉蛋葱鸡<br/>
			1 X--现磨豆浆
			</td>
			<td valign="top" align="right">10.00</td>
		
		</tr>	
		
		</table>
		<hr />
		<table border="1">
			<tr>
			<td width="246">合计</td>
				<td width="50" align="right">8.00</td>
			</tr>
			<tr>
			<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		<hr />
		<div>打印时间：2020:-05-18 07:24:38</div>
			<hr />
			<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定,电子发票的开票日期同网上申请电子发票的日期,
				如您需要当日的档子发票请务必在消费当日通过扫描下方二维码,
				根据指引步骤开具您的增值税电子普通发票,此二维码30天有效,
				扫码时请保持小票平整.</div>
				
				<!--引入图片-->
				<img src="images/01.png" height="300" width="300" class="pic" />
				<div>官网:www.yonghe.com.cn</div>
				<div>加盟热线:86-21-12345678</div>
	</body>
</html>
